//输入框
//placeholder
::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:fc-placeholder;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:fc-placeholder;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:fc-placeholder;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:fc-placeholder;
}
input{
  box-sizing:border-box;
  border:1px solid bd-main-clr;
}

textarea{
  resize:none;
  color:fc-base;
  font-family:'Microsoft YaHei','Avenir', Helvetica, Arial, sans-serif;
  box-sizing:border-box;
  border:1px solid bd-main-clr;
}
//按钮格式化
.common-btn{
  padding:.07rem .15rem;
  font-size:.14rem;
  display:inline-block;
  vertical-align: middle;
  border-radius:.04rem;
  transition:all .2s;
  box-sizing:border-box;
  text-align:center;
}
//登录按钮
.btn-login-enable{
  cursor:pointer;
  color:#fff;
  background-color:#0E326F;
  &:hover{
    background-color:#2D4F89;
  }
  &:active{
    background-color:#071E46;
  }
}
.btn-login{
  font-size:.14rem;
  display:inline-block;
  vertical-align: middle;
  border-radius:.04rem;
  cursor:pointer;
  transition:all .2s;
  width:2.85rem;
  height:.43rem;
  text-align:center;
  line-height:.43rem;
  margin-top:0.3rem;
}
//按钮禁用
.common-btn-disabled{
  background-color: bg-btn-disabled;
  color: fc-btn-disabled;
  cursor:not-allowed;
}
.flex-c{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
//按钮
.md-btn-primary{
  namedBtn()
}
.md-btn-danger{
  namedBtn(bg-danger,bg-danger-hover,bg-danger-active)
}
//分页盒子
.pagination-con{
  text-align:center;
  padding:.1rem;
}
//弹框按钮组
.dialog-footer{
  display: flex;
  align-items:center;
  justify-content:center;
  margin-top:0.2rem;
  .common-btn{
    width:1rem;
    height:0.32rem;
    line-height:.18rem;
    border-radius:.05rem;
  }
  .common-btn:not(:last-child){
    margin-right:.6rem;
  }
}

//表格
.table-handle-area{
  >i:not(:last-child){
    margin-right:.1rem;
  }
}
i[class^="table-handle-bg"]{
  vertical-align: middle;
  display:inline-block;
  height:.15rem;
}
.table-handle-bg-detail{
  background:url('/static/images/common/cakan.png') no-repeat 0 0/100% 100%;
  width:.12rem;
}
.table-handle-bg-delete{
  background:url('/static/images/common/handle-delete.png') no-repeat 0 0/100% 100%;
  width:.15rem;
}
.table-handle-bg-edit{
  background:url('/static/images/common/bianji.png') no-repeat 0 0/100% 100%;
  width:.15rem;
}
// 管理页面筛选盒子
.manage-filter-container{
  box-sizing:border-box;
  border:0.01rem solid bd-main-clr;
  background-color:bg-work-block;
}

// 组件盒子
.common-list-box{
  // outline:1px solid #000;
  box-size:border-box;
  margin:.1rem;
  display:flex;
  flex-wrap:wrap;
  >li{
    box-sizing:border-box;
    width:calc(50% - .05rem);
    height:0;
    border:1px solid #ccc;
    padding-bottom:50%;
    background:#fff;
    margin-bottom:.1rem;
    box-shadow: .05rem .05rem .05rem #ffe03a;
    position:relative;
    >div{
      position:absolute;
      width:100%;
      height:100%;
    }
  }
  >li:nth-child(odd){
    margin-right:.1rem;
  }
}